<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>抢购页面</title>
    <!--css style-->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="responsive/flexible.css">
    <script src="responsive/flexible.js"></script>
</head>
<body class="list inner_page rush_list">
    <header>
        <a href="javascript:void(0)" class="pre_page"></a>
        <a href="index.html" class="home"></a>
        <span class="title_img"><img src="img/rush_title.png" alt=""></span>



    </header>


    <section class="main">
        <div class="screen_header">
            <div class="container screen_nav">
                <a href="javascript:void(0);" class="active">
                    <strong id="time">10:00</strong>
                    <p>抢购中</p>
                </a>
                <a href="javascript:void(0);">
                    <strong>12:00</strong>
                    <p>即将开始</p>
                </a>
                <a href="javascript:void(0);">
                    <strong>14:00</strong>
                    <p>即将开始</p>
                </a>
                <a href="javascript:void(0);">
                    <strong>16:00</strong>
                    <p>即将开始</p>
                </a>
                <a href="javascript:void(0);">
                    <strong>18:00</strong>
                    <p>即将开始</p>
                </a>
            </div>

        </div>
        <div class="prompt container">
            <span>抢购中,手慢无!</span>
            <div class="timer">
                距本场开始还有
                <i id="hours">01</i>:
                <i id="minutes">02</i>:
                <i id="seconds">26</i>
                <script>
                    var elTime=document.getElementById("time");
                    var elHours=document.getElementById("hours");
                    var elMinutes=document.getElementById("minutes");
                    var elSeconds=document.getElementById("seconds");

                    var iIime=parseInt(elTime.innerHTML);

                    var date=new Date();
                    date.setHours(iIime);
                    date.setMinutes("0");
                    date.setSeconds("0");
                    var iSetTime=date.getTime();

                    setInterval(function(){
                        var iDisTime=(iSetTime-new Date().getTime())/1000;
                        if(iDisTime<=0){
                            return;
                        }
                        var iTotalMinutes=parseInt(iDisTime/60);
                        var iHours=parseInt(iTotalMinutes/60);
                        var iMinutes=iTotalMinutes-iHours*60;
                        var iSeconds=parseInt(iDisTime%60);
                        elHours.innerHTML=trans2TwoNums(iHours);
                        elMinutes.innerHTML=trans2TwoNums(iMinutes);
                        elSeconds.innerHTML=trans2TwoNums(iSeconds);
                    },1000);


                    function trans2TwoNums(val){
                        console.log(val);
                        if(val.toString().length<2){
                            return "0"+val;
                        }else{
                            return val;
                        }
                    }

                </script>
            </div>
        </div>

        <div class="pro_list">
            <ul class="container">
                <li>
                    <div class="pic"><a href="detail_pro_rush.html"><img src="img/pro_img.jpg" alt=""></a></div>
                    <h2><a href="detail_pro_rush.html">北欧美式壁灯铁艺简约现代灯具楼梯背景墙床头灯过道灯卧室客厅</a></h2>
                    <i>限量10件,手慢无</i>
                    <div class="price"><em>￥<strong>366.00</strong></em><del>￥3688元</del></div>
                    <a href="detail_pro_rush.html" class="rush_now">立即抢购</a>
                </li>
                <li>
                    <div class="pic"><a href="detail_pro_rush.html"><img src="img/pro_img.jpg" alt=""></a></div>
                    <h2><a href="detail_pro_rush.html">北欧美式壁灯铁艺简约现代灯具楼梯背景墙床头灯过道灯卧室客厅</a></h2>                    <i>限量10件,手慢无</i>
                    <i>限量10件,手慢无</i>
                    <div class="price"><em>￥<strong>366.00</strong></em><del>￥3688元</del></div>
                    <a href="detail_pro_rush.html" class="rush_now">立即抢购</a>
                </li>
                <li>
                    <div class="pic"><a href="detail_pro_rush.html"><img src="img/pro_img.jpg" alt=""></a></div>
                    <h2><a href="detail_pro_rush.html">北欧美式壁灯铁艺简约现代灯具楼梯背景墙床头灯过道灯卧室客厅</a></h2>                    <i>限量10件,手慢无</i>
                    <i>限量10件,手慢无</i>
                    <div class="price"><em>￥<strong>366.00</strong></em><del>￥3688元</del></div>
                    <a href="detail_pro_rush.html" class="rush_now">立即抢购</a>
                </li>
                <li>
                    <div class="pic"><a href="detail_pro_rush.html"><img src="img/pro_img.jpg" alt=""></a></div>
                    <h2><a href="detail_pro_rush.html">北欧美式壁灯铁艺简约现代灯具楼梯背景墙床头灯过道灯卧室客厅</a></h2>
                    <i>限量10件,手慢无</i>
                    <div class="price"><em>￥<strong>366.00</strong></em><del>￥3688元</del></div>
                    <a href="detail_pro_rush.html" class="rush_now">立即抢购</a>
                </li>
                <li>
                    <div class="pic"><a href="detail_pro_rush.html"><img src="img/pro_img.jpg" alt=""></a></div>
                    <h2><a href="detail_pro_rush.html">北欧美式壁灯铁艺简约现代灯具楼梯背景墙床头灯过道灯卧室客厅</a></h2>
                    <i>限量10件,手慢无</i>
                    <div class="price"><em>￥<strong>366.00</strong></em><del>￥3688元</del></div>
                    <a href="detail_pro_rush.html" class="rush_now">立即抢购</a>
                </li>
                <div class="clear"></div>
            </ul>

        </div>



    </section>

    <div class="fix_nav">
        <div class="wrapper">
            <ul class="container">
                <li>
                    <a href="index.html" class="home active">
                        首页
                    </a>
                </li>
                <li>
                    <a href="list.html" class="class">
                        分类
                    </a>
                </li>
                <li>
                    <a href="activity.html" class="activity_center">
                        活动中心
                    </a>
                </li>
                <li>
                    <a href="cart.html" class="cart"><span>99</span>
                        购物车
                    </a>
                </li>
                <li>
                    <a href="vip.html" class="mine"><span></span>
                        我的
                    </a>
                </li>
            </ul>

        </div>

    </div>

</body>
</html>